@charset "uft-8";

body {
    overflow: auto;
    background: #f0f0f0;
}

div {
    font-family: "微软雅黑";
}

.m {
    padding: 0 0 0 0;
}

.m2 {
    padding: 1.28rem 0 0 0;
}

.m3 {
    padding: 0 0 .98rem 0;
}

.m4 {
    padding: 0 0 .88rem 0;
}

.m5 {
    padding: 1.2rem 0 1.24rem 0;
}

@media screen and (min-device-width:640px) and (min-width:768px) {
    .page {
        margin: 0 auto;
        width: 7.5rem;
    }
}

button:focus {
    outline: none;
}

select,
a {
    outline: none;
    color: #333;
}

/*公共头部*/
.header {
    font-size: .34rem;
    z-index: 1000;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0px;
}

.header .hele {
    width: .88rem;
    height: .88rem;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: url(../img/hele.png) no-repeat center center;
    background-size: .4rem .4rem;
}

.header .hele.on {
    background: url(../img/hele2.png) no-repeat center center;
    background-size: .4rem .4rem;
}

.header .hetitle {
    text-align: center;
    font-size: .34rem;
    color: #333;
    letter-spacing: 1px;
    background: #fff;
    height: .88rem;
    line-height: .88rem;
    padding-top: .4rem;
    border-bottom: 1px solid #E3E3E3;
}

.header .hetitle.on {
    border-bottom: none;
    color: #fff;
    background: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.header .helr {
    height: .88rem;
    line-height: .88rem;
    position: absolute;
    right: .25rem;
    font-size: .28rem;
    color: #333;
    bottom: 0;
}

/*footer*/
.footer {
    position: fixed;
    left: 0;
    bottom: -2px;
    width: 100%;
    z-index: 999;
}

.fonav {
    height: .98rem;
    background: #fff;
    background-size: 100% .98rem;
    -webkit-box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
}

.fonav .foitem {
    display: block;
    width: 33.333%;
    float: left;
    height: .98rem;
    text-align: center;
    position: relative;
    z-index: 999;
}

.fonav .foitem .foimg2 {
    position: absolute;
    width: 1.2rem;
    height: .78rem;
    left: 50%;
    margin-left: -.65rem;
    top: -.15rem;
    display: none;
}

.fonav .foitem.on .foimg2 {
    display: block;
}

.fonav .foitem .foititle {
    text-align: center;
    color: #808080;
    font-size: .2rem;
    display: -webkit-inline-box;
    position: relative;
}

.fonav .foitem.on .foititle {
    background-image: -moz-linear-gradient(0deg, #30a0ff 0%, #677cff 50%, #30a0ff 100%);
    background-image: -webkit-linear-gradient(0deg, #30a0ff 0%, #677cff 50%, #30a0ff 100%);
    background-image: -ms-linear-gradient(0deg, #30a0ff 0%, #677cff 50%, #30a0ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fonav .foimg {
    display: block;
    width: .44rem;
    height: .44rem;
    margin: .1rem auto .05rem;
    position: relative;
}

/*首页顶部*/
.inheder {
    position: relative;
}

.inhetop {
    position: fixed;
    padding: .5rem .24rem .28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    width: 7.5rem;
    box-sizing: border-box;
    z-index: 1000;
}

.inhetop.on {
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.inhetop .inhetople {
    width: 6rem;
    height: .5rem;
    background: rgb(255, 255, 255);
    border-radius: .25rem;
    overflow: hidden;
    padding: 0 .24rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.inhetop .logo {
    width: .4rem;
    height: .26rem;
    margin-right: .3rem;
    display: block;
}

.inhetop .inheinputd {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inheinput_wrap {
    flex: 1;
    display: flex;
    align-items: center;
}

.inhetop .inhesearch {
    width: .3rem;
    height: .3rem;
}

.inhetoplink {
    height: .18rem;
    width: .18rem;
}

.inhetoplink img {
    width: 100%;
}

.inhetop .heinput {
    width: 100%;
    line-height: .5rem;
    height: .5rem;
    background: none;
    border: none;
    outline: none;
    font-size: .22rem;
    padding-left: .1rem;
    box-sizing: border-box;
}

input::-webkit-input-placeholder {
    color: rgb(128, 128, 128);
}

input::-moz-placeholder {
    color: rgb(128, 128, 128);
}

input:-moz-placeholder {
    color: rgb(128, 128, 128);
}

input:-ms-input-placeholder {
    color: rgb(128, 128, 128);
}

.inhetop .inhetoplr {
    width: calc(100% - 6rem);
    height: .58rem;
    display: block;
    margin-left: .2rem;
    display: flex;
    align-items: center;
}

.inhetop .inhetoplrpic {
    width: .58rem;
    height: .58rem;
}

.inhetop .inhetoplink {
    display: none;
}

.inhetop .close {
    display: block;
}

/*banner*/
.banner {
    height: 100%;
}

.banner .swiper-container {
    height: 100%;
    width: 100%;
}

.banner .baimg {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: .4rem;
}

.banner .swiper-pagination-bullet {
    width: .3rem;
    height: .04rem;
    opacity: 1;
    background: rgb(128, 128, 128);
    border-radius: 0px;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .1rem;
}

.banner .swiper-pagination-bullet-active {
    background: rgb(209, 11, 60);
}

/*文字轮播*/
.gg {
    padding: 0 .24rem;
    background: #fff;
    display: flex;
    align-items: center;
    height: .88rem;
    line-height: .88rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    margin-top: -.15rem;
    z-index: 99;
    position: relative;
}

.gg .ggle {
    width: 1.4rem;
    border-right: 1px solid #999999;
    padding-right: .3rem;
    margin-right: .3rem;
    height: .34rem;
}

.gg .gglep {
    color: #5f8fdc;
}

.gg .txtMarquee-top {
    overflow: hidden;
    position: relative;
    flex: 1;
}

.gg .infoList .infoitem {
    font-size: .28rem;
    line-height: .4rem;
}

.gg .infolink {
    color: rgb(51, 51, 51);
    font-size: .28rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*分类*/
.innav {
    padding: .3rem .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.innav .innalink {
    display: block;
}

.innav .innapic {
    width: 3.4rem;
    height: 1.3rem;
    display: block;
    border-radius: .2rem;
}

/*列表*/
.intitle {
    padding: 0 .24rem;
    margin-bottom: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intitle .inti1 {
    font-weight: bold;
    font-size: .34rem;
    color: rgb(51, 51, 51);
}

.intitle .inti2 {
    color: rgb(128, 128, 128);
    font-size: .28rem;
}

.inlistpic {
    width: 100%;
    height: 100%;
}

.inlinst1 {
    padding: .001rem .24rem;
    overflow: hidden;
}

.inlinst1 .inlist1link {
    display: block;
    margin-bottom: .2rem;
    margin-right: .2rem;
    float: left;
    width: 3.4rem;
    height: 1.7rem;
    border-radius: .1rem;
    overflow: hidden;
}

.inlinst1 .inlist1link:nth-child(2n) {
    margin-right: 0px;
}

.inlinst3 {
    padding: .001rem .24rem;
    overflow: hidden;
}

.inlinst3 .inlist3link {
    display: block;
    margin-bottom: .2rem;
    margin-right: .2rem;
    float: left;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: .1rem;
    overflow: hidden;
}

.inlinst3 .inlist3link:nth-child(2n) {
    margin-right: 0px;
}

/*数据提示*/
.listfooter {
    position: relative;
    margin: .3rem 0;
}

.listfooter .lfhr {
    width: 4.14rem;
    border-top: 1px solid rgb(128, 128, 128);
    margin: 0 auto;
}

.listfooter .lftitle {
    display: table;
    margin: -.2rem auto 0;
    padding: 0 .3rem;
    color: rgb(128, 128, 128);
    font-size: .22rem;
    background: #f0f0f0;
}

/*建材圈*/
.inheder2 {
    height: 3.7rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.inhetop .inhetoplr {
    color: #fff;
    font-size: .28rem;
    line-height: .5rem;
    width: calc(100% - 5.88rem);
    margin-left: .4rem;
}

.inhetop .inhebottom {
    width: .36rem;
    height: .2rem;
    margin-left: .2rem;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-left: .12rem;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}

.inhetop .on .inhebottom {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.ringlink {
    background: url(../img/rilinkpic.png) no-repeat top left;
    background-size: 1.14rem;
    display: block;
    width: 1.14rem;
    height: 1.14rem;
    position: fixed;
    right: .4rem;
    bottom: 1rem;
}

/*次导航*/
.rinav {
    padding: 1.38rem .24rem 0;
    width: 6.22rem;
}

.rinav_c {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.rinav .rinalink {
    width: 20%;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    padding-bottom: .1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rinav .rinalink.on span {
    border-bottom: 2px solid #fff;
    padding-bottom: .1rem;
}

.rinapic {
    width: .36rem;
    height: .2rem;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-left: .12rem;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    position: absolute;
    right: .35rem;
    top: 1.5rem;
}

.rinapic.on {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*滑动次导航*/
.rinav .riswi {
    display: block;
    text-align: center;
    font-size: .28rem;
    color: #fff;
    line-height: .8rem;
}

/*信息列表*/
.ringlist {
    margin: -1.4rem auto 0;
    width: 7rem;
    position: relative;
}

.ringlist .ringitem {
    background: #fff;
    border-radius: .2rem;
    padding: .2rem;
    margin-bottom: .2rem;
    padding-bottom: .3rem;
    position: relative;
}

.ringitem .ringtop {
    display: block;
    overflow: hidden;
}

.ringtop .ringtpic {
    float: left;
    width: 1.06rem;
    height: 1.06rem;
    display: block;
    margin-right: .14rem;
    border-radius: 50%;
    overflow: hidden;
}

.ringtop .ringtco {
    width: calc(100% - 1.6rem - 1.2rem);
    float: left;
}

.ringtop .ringtct1 {
    color: rgb(26, 26, 26);
    font-size: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: .1rem;
}

.userLevel {
    height: .37rem;
    margin-top: 3px;
    display: flex;
    align-items: center;
    color: white;
}

.vipLevel {
    width: .6rem;
    height: .4rem;
    border: 1px solid #D10B3C;
    box-sizing: border-box;
    background: url(../img/vip.png) no-repeat center center;
    background-size: .32rem .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
}

.vipName {
    width: 1.1rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    background: #D10B3C;
    font-size: .2rem;
}

.ringlist .ringtlr {
    width: 1.6rem;
    float: right;
    text-align: right;
    color: rgb(128, 128, 128);
    font-size: .28rem;
}

.ringlist .ringco {
    color: rgb(51, 51, 51);
    font-size: .28rem;
    margin: .15rem 0;
    line-height: .4rem;
    height: .8rem;
    word-break: break-all;
    overflow: hidden;
}

.slh {
    display: none;
}

.ringlist .ringco2 {
    color: rgb(39, 106, 145);
    font-size: .28rem;
    display: none;
}

.ringlist .ringlilist {
    margin-top: .2rem;
    overflow: hidden;
}

.ringlist .rilipic {
    width: 2.13rem;
    height: 2.13rem;
    margin-bottom: .1rem;
    margin-right: .1rem;
    float: left;
    border-radius: .1rem;
    overflow: hidden;
}

.ringlist .rilipic:nth-child(3n) {
    margin-right: 0px;
}

.browse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .2rem 0 .3rem;
}

.browse .brot {
    color: rgb(51, 51, 51);
    font-size: .28rem;
}

.browse .brolr {
    display: flex;
    align-items: center;
}

.browse .brolrlink {
    display: flex;
    align-items: center;
    margin-left: .24rem;
    line-height: .36rem;
    color: rgb(128, 128, 128);
    font-size: .28rem;
}

.browse .brolrpic {
    width: .36rem;
    height: .36rem;
    margin-right: .1rem;
    display: -webkit-inline-box;
}

.browse .brolrpic2 {
    background: url(../img/brolrpic2.png) no-repeat top left;
    background-size: .36rem .36rem;
}

.browse .on .brolrpic2 {
    background: url(../img/brolrpic2_on.png) no-repeat top left;
    background-size: .36rem .36rem;
}

.brocomment {
    position: relative;
    padding: .2rem .2rem .2rem;
    background: rgb(242, 242, 242);
    border-radius: .1rem;
}

.brocomment .brotop {
    position: absolute;
    width: .34rem;
    height: .18rem;
    display: block;
    top: -.18rem;
    left: .2rem;
}

.brocomment .brocoti {
    color: rgb(51, 51, 51);
    font-size: .3rem;
    margin-bottom: .1rem;
}

.brocomment .brocotlink {
    color: rgb(39, 106, 145);
    margin-right: .1rem;
}

/*浮动发布*/
.rilink {
    position: fixed;
    width: 1.14rem;
    height: 1.14rem;
    display: block;
    right: .58rem;
    bottom: 1.5rem;
}

.rilink .rilinkpic {
    width: 1.14rem;
    height: 1.14rem;
    display: block;
}


/*弹窗*/
.dialog .dialog_top2 {
    width: 100%;
    top: 2.2rem;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: 1003;
    border-radius: .1rem;
}

.diarin {
    overflow: auto;
    padding: .24rem;
    max-height: 2rem;
}

.diarin .diarlink {
    line-height: .5rem;
    padding: 0 .2rem;
    color: #333;
    border: 1px solid #999;
    margin-right: .15rem;
    margin-bottom: .2rem;
    float: left;
    border-radius: .1rem;
}

.diarin .diarlink.on {
    color: rgb(255, 82, 3);
    background: #fff;
}

/*品牌界面*/
.inbrlist {
    padding: .2rem .25rem .001rem;
    overflow: hidden;
}

.inbrlist .inbritem {
    width: 2.2rem;
    height: 2.12rem;
    float: left;
    margin-right: .2rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.inbrlist .inbritem:nth-child(3n) {
    margin-right: 0px;
}

.inbrlist .inbrlink {
    display: block;
}

.inbrlist .inbrpic {
    display: block;
    width: 2.2rem;
    height: 2.12rem;
}

/*专区界面*/
.izba {
    height: 1.4rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.iznav {
    margin: -1.4rem .24rem .35rem;
    background: #fff;
    max-height: 3.34rem;
    min-height: 1.67rem;
    border-radius: .2rem;
    padding-top: .3rem;
    -moz-box-shadow: .02rem .05rem .1rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .02rem .05rem .1rem rgba(0, 0, 0, 0.1);
    box-shadow: .02rem .05rem .1rem rgba(0, 0, 0, 0.1);
}

.iznav .swiper-container {
    padding-bottom: .3rem;
}

.iznav .izlink {
    color: rgb(71, 71, 71);
    font-size: .28rem;
    text-align: center;
    display: block;
    margin-bottom: .3rem;
}

.iznav .izpic {
    display: block;
    width: .8rem;
    height: .8rem;
    margin: 0 auto .05rem;
    overflow: hidden;
    border-radius: 50%;
}

.iznav .swiper-pagination-bullets,
.iznav .swiper-pagination-custom,
.iznav .swiper-pagination-fraction {
    bottom: .3rem;
}

.iznav .swiper-pagination-bullet {
    width: .5rem;
    height: .04rem;
    opacity: 1;
    background: rgb(128, 128, 128);
    border-radius: 0px;
}

.iznav .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .15rem;
}

.iznav .swiper-pagination-bullet-active {
    background: rgb(209, 11, 60);
}

.iz2list {
    padding: 0 .24rem;
    overflow: hidden;
}

.iz2list .iz2item {
    width: 3.46rem;
    margin-right: .1rem;
    float: left;
    margin-bottom: .1rem;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.iz2list .iz2item:nth-child(2n) {
    margin-right: 0px;
}

.iz2list .iz2link {
    display: block;
    overflow: hidden;
}

.iz2list .iz2pic {
    display: block;
    width: 3.46rem;
    height: 3.24rem;
}

.iz2list .iz2title {
    display: block;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.iz2list .iz2ti1 {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    margin: .1rem .15rem;
    line-height: .4rem;
    height: .8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.iz2list .iz2ti2 {
    margin: 0 .15rem .3rem;
    color: rgb(209, 11, 60);
    font-size: .28rem;
    /* font-weight: bold; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*店铺名界面*/
.shdebanner .banner {
    height: 100%;
}

.shdebanner .banner .swiper-container {
    height: 100%;
}

.shdebanner .banner .baimg {
    height: 100%;
}

/*店铺名称*/
.shopname {
    margin-top: -.15rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    position: relative;
    z-index: 22;
    background: #fff;
    padding: .2rem .24rem;
    margin-bottom: .2rem;
}

.shopname .ringtop {
    overflow: hidden;
}

.shopnat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
}

.shopnat .shopnati {
    width: 33.33%;
    display: flex;
}

.shopnat .shopnati:nth-child(2) {
    justify-content: center;
}

.shopnat .shopnati:nth-child(3) {
    justify-content: flex-end;
}

.shopnat .shopnatis {
    font-size: .28rem;
    color: rgb(128, 128, 128);
}

.shopnat .shopnapic {
    width: .36rem;
    height: .36rem;
    background: url(../img/shopnapic1.png) no-repeat top center;
    background-size: .36rem .36rem;
    margin-right: .1rem;
    display: block;
}

.shopnat .on .shopnapic {
    background: url(../img/shopnapic1_on.png) no-repeat top center;
    background-size: .36rem .36rem;
}

.shopnat .shopnapic2 {
    width: .36rem;
    height: .36rem;
    margin-right: .07rem;
}

/*详细信息*/
.shop_deta {
    background: #fff;
}

.shop_deta .shdetd {
    border-bottom: 1px solid rgb(230, 230, 230);
    padding: .24rem;
}

.shop_deta .shdetdt1 {
    border-left: .05rem solid #ff5203;
    padding-left: .1rem;
    font-size: .32rem;
    color: rgb(26, 26, 26);
    font-weight: bold;
    margin-bottom: .3rem;
}

.shop_deta .shdetdt2 {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    line-height: .4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.shop_deta .shdetdt2.hi {
    max-height: .8rem;
}

.shop_deta .shdetdt2.on {
    display: block;
}

.shop_deta .shdetdt3 {
    display: block;
    color: rgb(255, 82, 3);
    font-size: .28rem;
    text-align: center;
    margin-top: .2rem;
}

.shop_deta .shdetdt4 {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    line-height: .4rem;
}

.shop_deta .shdetde3pic {
    width: .3rem;
    height: .16rem;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-left: .12rem;
    background: url(../img/shdetde3pic.png) no-repeat top left;
    background-size: .3rem .16rem;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}

.shop_deta .on .shdetde3pic {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*次导航切换*/
.shnav {
    display: flex;
    height: .88rem;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.shnav .shnavitem {
    width: 25%;
}

.shnav .shnavlink {
    display: block;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: .28rem;
    border-right: 1px solid rgb(230, 230, 230);
}

.shnav .on .shnavlink {
    color: rgb(255, 82, 3);
}

.shnav .shnavitem:last-child .shnavlink {
    border: none;
}

.shnav .shnavpic {
    width: .3rem;
    height: .16rem;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-left: .1rem;
}

.shop_deta {
    position: relative;
}

.sh_delsitd {
    min-height: 5rem;
}

.sh_delsitd .iz2list {
    padding: .2rem .24rem;
}

.sh_delsitd .sh_delsit {
    display: none;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
}

.sh_delsitd .ringitem {
    border-bottom: 1px solid rgb(230, 230, 230);
    border-radius: 0px;
}

.shde_linkd {
    padding: .2rem .24rem;
    overflow: hidden;
}

.shde_linkd .shde_link {
    float: left;
    width: 3.4rem;
    margin-right: .16rem;
    text-align: center;
    color: rgb(26, 26, 26);
    font-size: .28rem;
    margin-bottom: .2rem;
}

.shde_linkd .shde_link:nth-child(2n) {
    margin-right: 0px;
}

.shde_linkd .shde_pic {
    width: 100%;
    height: 2.14rem;
    display: block;
    border-radius: .1rem;
    margin-bottom: .2rem;
}

.shnav2list {
    background: #fff;
    position: absolute;
    top: .9rem;
    width: 100%;
    display: none;
}

.shnav2list .shnav2link {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid rgb(230, 230, 230);
    display: block;
    line-height: .8rem;
    padding: 0 .45rem;
}

/*石材专区商品详情*/
.szlititle {
    border-bottom: .2rem solid rgb(245, 240, 241);
    padding: .2rem .24rem .3rem;
}

.szlititle .szlit1 {
    color: rgb(51, 51, 51);
    font-size: .28rem;
    line-height: .4rem;
    max-height: .8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.szlititle .szlit2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .15rem;
}

.szlititle .szlit2s1 {
    color: rgb(209, 11, 60);
    font-size: .34rem;
    font-weight: bold;
}

.szlititle .szlit2s2 {
    color: rgb(128, 128, 128);
    font-size: .26rem;
}

.szlititle .szlit2s3 {
    color: rgb(51, 51, 51);
    font-size: .28rem;
}

.szlititle .szlit2s3pic {
    width: .3rem;
    height: .16rem;
    margin-left: .1rem;
}

/*头条详情*/
.hedpic {
    width: 100%;
    border-radius: .1rem;
}

.hddtitle {
    margin: .2rem 0;
    color: rgb(51, 51, 51);
    font-size: .28rem;
}

/*建材圈-发布*/
.ring_add {
    background: #fff;
    padding: .5rem .24rem .2rem;
}

.ring_add .radd_text {
    width: 100%;
    height: 2.4rem;
    border: none;
    background: none;
    outline: none;
    resize: none;
    font-size: .28rem;
}

textarea::-webkit-input-placeholder {
    color: rgb(128, 128, 128);
}

textarea::-moz-placeholder {
    color: rgb(128, 128, 128);
}

textarea:-moz-placeholder {
    color: rgb(128, 128, 128);
}

textarea:-ms-input-placeholder {
    color: rgb(128, 128, 128);
}

.ring_add .ring_picd {
    overflow: hidden;
    padding-top: .2rem;
}

.ring_add .ring_pic_itme {
    width: 1.32rem;
    height: 1.32rem;
    float: left;
    position: relative;
    margin-bottom: .3rem;
    margin-right: .5rem;
}

.ring_add .ring_pic_itme:nth-child(4) {
    margin-right: 0px;
}

.ring_add .ring_pic {
    width: 1.32rem;
    height: 1.32rem;
    display: block;
}

.ring_add .ring_input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.coindpic2 {
    position: absolute;
    top: -.17rem;
    right: -.17rem;
    width: .34rem;
    height: .34rem;
    display: block;
}

.ringadlink {
    margin-top: .2rem;
    height: .88rem;
    line-height: .88rem;
    display: block;
    background: #fff url(../img/right.png) no-repeat center center;
    padding: 0 .24rem;
    background-size: .17rem .3rem;
    color: rgb(51, 51, 51);
    font-size: .3rem;
    background-position-x: 7rem;
}

.submit {
    width: 6rem;
    height: .88rem;
    line-height: .88rem;
    border-radius: .1rem;
    display: block;
    margin: .8rem auto 0;
    font-size: .36rem;
    color: #fff;
    border: none;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}



/* 通用 */
.h88 {
    height: .88rem;
    line-height: .88rem;
}

.marT10 {
    margin-top: .1rem;
}

/* 我的 */
.my_top_bg {
    background: url(../img/mybg.png) no-repeat;
    background-size: cover;
    height: 3.26rem;
    position: relative;
}

.userCard {
    width: 5.39rem;
    height: 2.27rem;
    background: white;
    border-radius: .2rem;
    position: absolute;
    top: 1.77rem;
    left: 1.05rem;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userImg {
    width: 1.47rem;
    height: 1.47rem;
    border-radius: 50%;
    background: white;
    margin-top: -.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userImg>img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
}

.userName {
    font-size: .3rem;
    color: rgb(26, 26, 26);
}

/*.userLevel {*/
/* width: 1.35rem; */
/*height: .37rem;
    margin-top: 3px;
    display: flex;
    align-items: center;
    color: white;*/
/*}*/
.userLevel {
    width: 1.44rem;
    height: .38rem;
}

.userLevel>img {
    width: 100%;
}

.myLists {
    margin-top: .88rem
}

.myItem {
    margin: 0 .24rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    box-sizing: border-box;
}

.myItemLeft,
.myItemRight {
    display: flex;
    align-items: center;
}

.myItemLeft>img {
    width: .4rem;
    height: .4rem;
}

.myItemLeft>p {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    margin-left: .21rem;
}

.myItemRight>img {
    height: .3rem;
    width: .17rem;
}

/* 头条 */

.headline_top_bg {
    height: 2.5rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.shareIcon {
    height: .4rem;
    width: .4rem;
}

.header .helr {
    display: flex;
    align-items: center;
}

.headlineLists {
    margin-top: -1.12rem;
}

.headlineItem {
    display: block;
    width: 7.01rem;
    height: auto;
    background: white;
    margin: 0 auto .24rem;
    border-radius: .2rem;
    padding: .21rem .21rem .3rem;
    box-sizing: border-box;
}

.headlineTop {
    display: flex;
    margin-bottom: .17rem;
}

.headlineTop>img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: .17rem;
}

.headlineTopChild {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.headlineTopChild>p {
    font-size: .3rem;
    color: rgb(26, 26, 26);
}

.headlineText {
    font-size: .28rem;
    color: rgb(51, 51, 51);
    max-height: .74rem;
    line-height: .37rem;
    overflow: hidden;
    margin-bottom: .29rem;
}

.headlineImg {
    width: 100%;
    height: 3.6rem;
}

.headlineImg>img {
    height: 3.6rem;
    width: 100%;
}

.headlineBottom {
    height: .82rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headlineBottom>p {
    font-size: .28rem;
    color: rgb(51, 51, 51);
}

.headlineBottom>p:last-of-type {
    color: rgb(128, 128, 128);
}

.notMore {
    display: none;
    width: 100%;
    margin: .1rem 0;
    font-size: .22rem;
    color: rgb(128, 128, 128);
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

.notMore:after {
    content: '';
    width: 1.4rem;
    border-bottom: 1px solid rgb(128, 128, 128);
    ;
    margin-left: .3rem;
}

.notMore::before {
    content: '';
    width: 1.4rem;
    border-bottom: 1px solid rgb(128, 128, 128);
    ;
    margin-right: .3rem;
}

.searchList {
    display: block;
    background: white;
    padding-left: 1.35rem;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
}

/* 搜索结果 */
.bgColor {
    background: #fff;
    border-bottom: 1px solid #E3E3E3
}

.padT13_5 {
    padding-top: 1.35rem;
}

.padT6 {
    padding-top: .6rem;
}

.cancelBtn {
    flex: 1;
    height: .58rem;
    display: block;
    color: #fff;
    font-size: .28rem;
    line-height: .58rem;
    text-align: center;
}

.tab {
    display: flex;
    align-items: center;
    background: white;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.tabItem {
    flex: 1;
    /* margin-left: 1.05rem; */
    text-align: center;
    color: #333;
}

.tabItem img {
    width: .3rem;
    height: .16rem;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-left: .12rem;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}

.tabItem.on img {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


/* .tabItem:last-of-type {
	text-align: right;
	margin-left: 0;
	margin-right: 1.05rem;
} */

.tabItem img {
    width: .31rem;
    height: .17rem;
    margin-left: .14rem;
}

.tabLine {
    height: .36rem;
    border-left: 1px solid #F0F0F0;
}

.shopTitle {
    display: flex;
    justify-content: space-between;
    height: .67rem;
    line-height: .8rem;
    padding: 0 .29rem;
    background: white;
}

.shopTitle>span {
    color: rgb(51, 51, 51);
    font-size: .34rem;
    font-weight: 700;
}

.shopTitle>a {
    color: rgb(128, 128, 128);
}

.shopList {
    padding: .2rem .24rem;
    display: flex;
    align-items: center;
    background: white;
}

.shopList>img {
    width: 1.97rem;
    height: 1.59rem;
}

.shopItem {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: .21rem;
    color: rgb(51, 51, 51);
}

.shopItem>span {
    margin-top: .35rem;
    color: rgb(209, 11, 60);
    font-size: .34rem;
    font-weight: 700;
}

.marT1 {
    margin-top: 1px;
}

.marT20 {
    margin-top: .2rem;
}

.comList {
    padding: 0 .24rem;
    background: white;
}

.comHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .21rem 0;
}

.comHeadLeft {
    display: flex;
}

.headImg {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: .17rem;
    overflow: hidden;
}

.comHeadRight {
    display: block;
    width: .91rem;
    height: .45rem;
    line-height: .45rem;
    border: 1px solid rgb(255, 82, 3);
    border-radius: .1rem;
    text-align: center;
    color: rgb(255, 82, 3);
    font-size: .25rem;
}

.comImgs {
    display: flex;
}

.comImgs>img:not(:last-of-type) {
    margin-right: .07rem;
}

.comImg {
    display: block;
    width: 2.27rem;
    height: 2.13rem;
    border-radius: .1rem;
    border: 1px solid rgb(230, 230, 230);
}

.comDesc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(51, 51, 51);
    ;
    margin: .24rem 0 .18rem;
}

.comAddr {
    display: flex;
    justify-content: space-between;
    font-size: .26rem;
    padding-bottom: .3rem;
    color: rgb(128, 128, 128);
}

/* 搜索首页 */
.searchHistory {
    padding: .3rem .24rem 0;
}

.shTitle {
    display: flex;
    justify-content: space-between;
    color: rgb(51, 51, 51);
}

.clearSH {
    color: rgb(128, 128, 128);
}

.shLists {
    margin-top: .25rem;
    display: flex;
    flex-flow: wrap;
}

.shList {
    display: block;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .22rem;
    text-align: center;
    border-radius: .1rem;
    color: rgb(51, 51, 51);
    margin-right: .1rem;
    margin-bottom: .15rem;
    /* border: 1px solid #ccc; */
    background: white;
}

.shList.on {
    border-color: #888;
}

.guessYouWant {
    padding: .4rem .24rem;
}

.searchResult {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 1.35rem;
    left: 0;
    background: white;
}

.sItem {
    display: block;
    padding: 0 .24rem;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid #E6E6E6;
}

/* 首页_石材专区_商品 */
.cloneLists {
    padding: .24rem;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.cloneshopImg {
    display: block;
    width: 3.4rem;
    height: 2.13rem;
    border-radius: .1rem;
}

.cloneshopText {
    width: 3.4rem;
    height: .68rem;
    line-height: .68rem;
    color: rgb(26, 26, 26);
    text-align: center;
}

.good_name {
    width: 3.4rem;
    height: .68rem;
    line-height: .68rem;
    padding: 0 .12rem;
    box-sizing: border-box;
    color: rgb(26, 26, 26);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.goods_price {
    padding-left: .12rem;
    color: rgb(209, 11, 60);
    font-size: .3rem;
    font-weight: bold;
}

.letter26,
.colorList,
.classifyLists {
    background: #F5F5F5;
    display: flex;
    flex-flow: wrap;
    padding: .24rem;
    max-height: 3rem;
    overflow: auto;
}

.letter26>a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    width: .83rem;
    text-align: center;
    border-radius: .1rem;
    background: white;
    color: rgb(51, 51, 51);
    margin-bottom: .1rem;
}

.letter26>a:not(:nth-of-type(7n)) {
    margin-right: .2rem;
}

.padL073 {
    padding-left: .73rem;
}

/* .石材专区_企业_进店_商品_商品详情 */
.banImg {
    width: 100%;
    height: 4rem;
}

.shopDetailText {
    padding: .24rem;
    background: white;
}

.redPrice {
    color: rgb(209, 11, 60);
    font-weight: 700;
    font-size: .34rem;
}

.headWrap {
    background: white;
    padding: 0 .24rem;
}

.mainDesc {
    padding-bottom: .21rem;
    color: rgb(51, 51, 51);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopDetails {
    background: white;
}

.h76 {
    height: .76rem;
    line-height: .76rem;
    margin: 0;
}

.detailShop {
    width: 100%;
    height: auto;
}

.detailShop img {
    width: 100%;
}

/* 底部操作按钮 */
.marB10 {
    margin-bottom: 1rem;
}

.fot_btn {
    display: flex;
    height: 1rem;
    background: white;
}

.fot_btn_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: rgb(128, 128, 128);
}

.collect,
.service {
    width: .39rem;
    height: .39rem;
}

.go_shop {
    display: block;
    width: 4.6rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: white;
    font-size: .36rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

/* 个人信息 */
.perList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(51, 51, 51);
    padding: 0 .21rem;
    background: white;
}

.headRight_img {
    height: .6rem;
    width: .6rem;
    border-radius: 50%;
    margin-right: .5rem;
    overflow: hidden;
}

.headRight_right {
    width: .17rem;
    height: .3rem;
    margin-left: .2rem;
}

.per_input {
    border: none;
    text-align: right;
    outline: none
}

.per_textarea {
    width: 100%;
    height: 2.5rem;
    border: none;
    padding: .21rem;
    box-sizing: border-box;
    resize: none;
    outline: none;
}

.bottonBtn {
    width: 6rem;
    margin: 1.2rem auto 0;
    text-align: center;
}

.botBtn {
    width: 100%;
    border-radius: .1rem;
    border: none;
    color: white;
    font-size: .36rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
}

/* 收藏企业 */
.collectWrap {
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    box-sizing: border-box;
}

.collectWrap>.del-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 1.6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
}

.collectList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.4rem;
    background: white;
    transition: all .5s;
}

.collectList.on {
    transform: translate(-1.6rem);
    transition: all .5s;
}

.collectList.on+.del-btn {
    z-index: 0;
}

.collectItem {
    flex: .7;
    height: 1.4rem;
    display: flex;
    align-items: center;
}

.collect3 {
    width: .58rem;
    height: .58rem;
}

.collectHead {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-left: .42rem;
}

.collecText {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .2rem;
}

.sshopp2 {
    background: #fff;
    margin-bottom: .3rem;
    overflow: hidden;
}

.sshopp2 .shopp2d {
    background: #fff;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    width: calc(100% + 1.6rem);
    overflow-x: auto;
    margin-left: 0;
}

/*滑动删除*/
.sshopp2 .shopp2d .session-content {
    float: left;
    width: calc(100% - 1.6rem);
    padding: .2rem 0;
}

.sshopp2 .shopp2d .del-btn {
    float: left;
    width: 1.6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

/* 收藏产品 */
.collectProductLists {
    padding: .24rem;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.collectProductList {
    flex: 1;
    display: flex;
    align-items: center;
    color: rgb(51, 51, 51);
}

.colProImg {
    width: 2.4rem;
    height: 2.25rem;
    border-radius: .1rem;
}

.colProListRight {
    flex: 1;
    height: 2.25rem;
    margin-left: .21rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.collectCheckStyle {
    display: none;
    position: relative;
    width: .38rem;
    height: 2.25rem;
    padding-right: .24rem;
}

.collectCheck {
    position: absolute;
    top: calc(50% - .19rem);
    display: block;
    width: .38rem;
    height: .38rem;
    background: url(../img/default.png) no-repeat;
    background-size: .38rem .38rem;
}

.collectCheckStyle .checkcell {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.collectCheckStyle .checkcell:checked+.collectCheck {
    background: url(../img/checked.png);
    background-size: .38rem .38rem;
}

.bottomRow {
    background: white;
    height: 1rem;
    padding: 0 .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #F9F9F9;
    box-sizing: border-box;
}

.bottomCheck {
    display: flex;
    color: rgb(128, 128, 128);
}

.allCheck {
    display: block;
    width: .38rem;
    height: .38rem;
    background: url(../img/default.png) no-repeat;
    background-size: .38rem .38rem;
    margin-right: .21rem;
}

.bottomCheck>input:checked+.allCheck {
    background: url(../img/checked.png);
    background-size: .38rem .38rem;
}

.checkDel {
    width: 1.6rem;
    height: .6rem;
    border: none;
    border-radius: .1rem;
    color: white;
    text-align: center;
    font-size: .28rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%)
}

.pede {
    background: #fff url(../img/right.png) no-repeat center center;
    background-size: .17rem .3rem;
    background-position-x: 7rem;
    position: relative;
}

.pede .headRight_input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    opacity: 0;
}

/*注册界面*/
.reg_inpd {
    display: flex;
    height: 1rem;
    margin: 0 .3rem;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.reg_inpd .reg_inpdpic {
    width: .38rem;
    height: .38rem;
    display: block;
    margin-right: .2rem;
}

.reg_inpd .reg_intitel {
    font-size: .28rem;
    margin-right: .5rem;
}

.reg_inpd .reg_inlr {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reg_inpd .reg_input {
    width: 100%;
    line-height: 1rem;
    font-size: .28rem;
    border: none;
    ;
}

.reg_inpd .reg_input::-webkit-input-placeholder {
    color: #c0c0c0;
}

.reg_inpd .reg_input::-moz-placeholder {
    color: #c0c0c0;
}

.reg_inpd .reg_input:-moz-placeholder {
    color: #c0c0c0;
}

.reg_inpd .reg_input:-ms-input-placeholder {
    color: #c0c0c0;
}

.reg_inpd .reg_button {
    padding: 0px;
    background: none;
    border: none;
    color: rgb(255, 83, 3);
    font-size: .28rem;
    outline: none;
}

.reg_inpd .reg_link {
    width: .4rem;
    height: .4rem;
    background: url(../img/reg_inpdpic4.png) no-repeat top left;
    background-size: 100% 100%;
}

.reg_inpd .reg_link.on {
    background: url(../img/reg_inpdpic4_on.png) no-repeat top left;
    background-size: 100% 100%;
}

/* 补充 */
/* ring.html */
.commentWrap {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    padding: .15rem;
}

.commentInput>input {
    height: .5rem;
    width: 5rem;
    border: 1px solid rgb(242, 242, 242);
    border-radius: .1rem;
    font-size: .28rem;
    margin-right: .2rem;
    padding: 0 .1rem;
}

.commentInput>button {
    height: .5rem;
    border-radius: .1rem;
    border: none;
    font-size: .28rem;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    color: white;
}

/* ring_add.html  personal_derails.html 地址三级联动样式 */
.cityLists,
.sendTypeLists {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem;
    background: white;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.ringadtext {
    float: right;
    margin-right: .5rem;
}

.cityItem,
.typeItem {
    text-align: center;
    color: rgb(51, 51, 51);
}

/* 企业、个人加载更多 */
.moreBtn {
    display: block;
    color: rgb(51, 51, 51);
}

/* 石材专区 */
.cat_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 轮播 */
.swiper-wrapper {
    border-bottom: 1px solid rgb(230, 230, 230);
    box-sizing: border-box;
}

/* 更多评论列表 */
.commentlists {
    padding: .2rem .2rem .2rem;
    background: white;
    border-radius: .1rem;
    width: 90%;
    margin: .2rem auto;
}

.commentItem {
    color: rgb(39, 106, 145);
    font-size: .3rem;
    margin-bottom: .1rem;
    word-break: break-all;
}

.commentItem>span {
    color: rgb(51, 51, 51);
}

/* 搜索 */
input[type="search"]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

/* 建材圈弹出输入框 */
.inputBg {
    position: absolute;
    height: auto;
    /* width: 7.5rem; */
    /* left: -.25rem; */
    bottom: 0;
    display: none;
    z-index: 999;
}

/* 建材圈广告 */
.adsItem {
    display: block;
    margin-bottom: .2rem;
    /* height: 2.5rem; */
    width: 100%;
}

/* 图片放大 */
.shopDetailTitle {
    display: flex;
}

.dialog_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.showImg {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* 下拉列表公共样式 */
.p30 a {
    width: 32.3%;
    box-sizing: border-box;
    overflow: hidden;
}

.p30 a:nth-of-type(3n) {
    margin-right: 0;
}

/* 搜索框 */
.searchInput {
    width: 100%;
    position: absolute;
    left: 0;
    top: .4rem;
    height: .8rem;
    display: flex;
    align-items: center;
    background: white;
    display: none;
}

.inputBtn {
    flex: 1;
}

.inputBtn>input {
    height: .6rem;
    width: 5rem;
    border: none;
}

.searchIcon {
    margin-right: .25rem;
}

/* 搜索 */
.serchResultLists {
    display: none;
}

/* 分享底部下载、备案样式 */
.downLoad {
    width: 100%;
    min-height: 1rem;
    color: white;
    padding: .1rem;
    box-sizing: border-box;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
}

.dlLists {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .5rem;
    line-height: .5rem;
    margin: .1rem auto;
    border-radius: .5rem;
    background-image: -moz-linear-gradient(180deg, rgba(255, 72, 3) 0%, rgb(255, 129, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 72, 3) 0%, rgb(255, 129, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 72, 3) 0%, rgb(255, 129, 0) 100%);
}

.dlLists>li:not(:last-of-type) {
    margin-right: .1rem;
}

.dlLists a {
    display: block;
    color: white;
    font-size: .28rem;
    padding-right: .1rem;
    line-height: 0.25rem;
}

.dlLists>li:not(:last-of-type) a {
    border-right: 1px solid;
}

.adline {
    height: .2rem;
    border-left: 1px solid white;
}

.icp_info,
.other_msg {
    font-size: .28rem;
    text-align: center;
}

/* 专区 */
.tabItem:not(:last-of-type)>.rightLine {
    line-height: .36rem;
    border-right: 1px solid #F0F0F0;
}

/* 我的建材圈删除按钮 */
.del_my_forum {
    margin-left: .2rem;
    color: rgb(39, 106, 145);
}

/* 自定义模态框 */
.diaconll_pro {
    width: 5rem;
    margin: 0 auto;
    padding: .1rem;
    background: #fff;
    border-radius: .1rem;
}

.diacoll_protitle {
    text-align: center;
    line-height: 1rem;
    color: #333;
    font-size: .3rem;
}

.diacoll_prod {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
    margin-bottom: .3rem;
}

.diacoll_prolink {
    width: 1.6rem;
    line-height: .6rem;
    text-align: center;
    display: block;
    padding: 0px;
    border: none;
    color: #fff;
    background-image: -moz-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 82, 3) 0%, rgb(255, 139, 0) 100%);
    border-radius: .1rem;
}

.diacoll_prolink.on {
    background: none;
    border: 1px solid #999;
    color: #333;
}